<template>
   <div class='stature'>
       <li class="list-li"><span>身高评估结果 : </span> <p>当前身高中等偏上，正常</p></li>
       <li class="list-li"><span>遗传身高 : </span> <p>180cm</p></li>
        <div class="canvas">
            <canvas width="375px" height="254px" ></canvas>
        </div>
   </div>
</template>

<script>
export default {
   name: 'stature'
}
</script>

<style lang='scss'>
.stature{
    .list-li{
        display: flex;
        line-height: 40px;
        padding:0 10px;
        span{
            color: #f00;
            margin-right: 10px;
        }
    }
    .canvas{
        width: 375px;
        height: 254px;
        background: #f6f5f8;
    }
    .m-main-content{
        padding:0 18px;
        .m-con-title{
            font-size: 16px;
            font-weight: 800;
            line-height: 60px;
        }
        .m-con-p{
            p{
                line-height: 25px;
                font-size: 14px;
            }
        }
    }
}
</style>
